<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div{


        }
        li{
            list-style: none;
        }
        #b{
            display: inline-block;
            position: relative;
            left: 46px;
        }
        #a{
            display: inline-block;
            position: relative;
            left: 46px;
            color: #C9351F;
        }
        ul{
            /*border: solid 2px #D8E3E7;*/
            width: 200px;
            padding: 0px;
        }
        img{
            margin: 10px; ;
        }
        .a{
            /*border-bottom: solid red 2px;*/
            font-size: 14px;
        }
        .b{
            color: #C1C1C1;
            font-size: 12px;
        }
        #c{
            position: absolute;
            top: 20px;
            left: 140px;
        }
    </style>
</head>
<body>
    <div style="border: 2px solid #BFCBD4;width: 280px;">
        <p style="position: relative;left: 5px" id="a">SHOP</p>
        <p style="position: relative;left: 5px" id="b">今日推荐</p>
        <ul>
            <li><img src="./img/img7.gif" alt=""/></li>
            <li><img src="./img/img8.gif" alt=""/></li>
            <li><img src="./img/img9.gif" alt=""/></li>
            <li><img src="./img/img8.gif" alt=""/></li>
        </ul>

        <ul id="c">
            <img style="position: relative;top: -15px;left: 70px" src="./img/more.gif" alt=""/>
            <li>
                <p class="a">汉来国际美食百货</p>
                <p class="b">口味：创意中餐</p>
                <p class="b">朝阳/CBD</p>
            </li>
            <li>
                <p class="a">汉来国际美食百货</p>
                <p class="b">口味：创意中餐</p>
                <p class="b">朝阳/CBD</p>
            </li>
            <li>
                <p class="a">汉来国际美食百货</p>
                <p class="b">口味：创意中餐</p>
                <p class="b">朝阳/CBD</p>
            </li>
            <li>
                <p class="a">汉来国际美食百货</p>
                <p class="b">口味：创意中餐</p>
                <p class="b">朝阳/CBD</p>
            </li>
        </ul>
    </div>
</body>
</html>